<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>珠峰培训-轮播图</title>
    <link rel="stylesheet" href="css/reset.min.css">
    <link rel="stylesheet" href="css/banner.css">
</head>
<body>
<section class="container" id="container">
    <div class="wrapper">
        <!--<div class="slide"><img src="img/banner1.jpg" alt=""></div>
        <div class="slide">
            <img src="img/banner2.jpg" alt="">
        </div>
        <div class="slide"><img src="img/banner3.jpg" alt=""></div>
        <div class="slide"><img src="img/banner4.jpg" alt=""></div>-->
    </div>
    <ul class="focus">
        <!-- <li class="active"></li>
         <li></li>
         <li></li>
         <li></li>-->
    </ul>
    <a href="javascript:;" class="arrow arrowLeft"></a>
    <a href="javascript:;" class="arrow arrowRight"></a>
</section>

<!--<section class="container" id="container2">
    <div class="wrapper">
        &lt;!&ndash;<div class="slide"><img src="img/banner1.jpg" alt=""></div>
        <div class="slide">
            <img src="img/banner2.jpg" alt="">
        </div>
        <div class="slide"><img src="img/banner3.jpg" alt=""></div>
        <div class="slide"><img src="img/banner4.jpg" alt=""></div>&ndash;&gt;
    </div>
    <ul class="focus">
        &lt;!&ndash; <li class="active"></li>
         <li></li>
         <li></li>
         <li></li>&ndash;&gt;
    </ul>
    <a href="javascript:;" class="arrow arrowLeft"></a>
    <a href="javascript:;" class="arrow arrowRight"></a>
</section>-->

<script src="js/animate.js"></script>
<script src="js/banner-委托.js"></script>
<!--<script>-->
    <!--let b1 = new Banner({-->
        <!--ele: '#container',-->
        <!--url: 'json/banner.json',-->
        <!--speed: 100-->
    <!--});-->

    <!--let b2 = new Banner({-->
        <!--ele: '#container2',-->
        <!--url: 'json/banner2.json',-->
        <!--interval: 1000,-->
        <!--speed: 500-->
    <!--});-->
<!--</script>-->
</body>
</html>